<template>
	<div class="note-container">
		<div class="field-line" v-show="!bonusNotShow">
			<Bonus :bonus="bonus"></Bonus>
		</div>
		<div class="field-line clear">
			<label class="fl">运费</label>
			<span class="colored fr">￥{{postage}}</span>
		</div>
		<div class="field-line">
			<label>备注：</label>
			<input ref="input" :placeholder="ph" :value="note" @input="$emit('change', $refs.input.value)">
		</div>
	</div>
</template>
<script>
import Bonus from '@/components/Bonus'
export default{
	name:'PayNote',
    model:{
		prop: 'note',
		event: 'change'
	},
	props: ['bonus', 'postage', 'note', 'ph', "bonusNotShow"],
    components: { Bonus }
}
</script>
<style lang='less' scoped>
.note-container{
	padding-left: .4rem;
	background: #fff;
}
.field-line{
	padding: 0 .4rem 0 0;
	height: 1rem;
	line-height: 1rem;
	>label{
	    margin-right: 0rem;
	}
}
</style>
